<!--
  @author heguanghua
  @since 2019/06/12 11:57
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head th:include="common/common::jscss"/>
<body>


<div class="layui-fluid">

    <blockquote class="layui-crumb">
        渠道管理>
        <a lay-href="/channel/list.action">渠道管理</a>>
        <a th:href="'/channel/detail.action?channelId='+${obj.channelId}">[[${obj.name}]]</a>>
        <zmn th:text="推广码">推广码</zmn>
    </blockquote>

    <div class="layui-card">

        <div th:replace="channel/_tab::tab"></div>
        <input type="hidden" id="channelId" th:value="${obj.channelId}">
        <input type="hidden" id="plat" th:value="${obj.plat}">
        <div class="layui-card-body" style="min-height: 500px;">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-inline">
                        <div style="margin-left: 35px;">啄木鸟微信公众号</div>
                        <div class="layui-inline">
                            <div class="layui-upload-drag" style="padding: 65px;" id="bigDiv1">
                                <img src="" width="160px" height="160px" id="image1" class="qrCodeImage1"
                                     style="display: none">
                                <input type="hidden" id="imageQrcode1">
                                <div id="imagDiv1" class="imagDiv1">
                                    <i class="layui-icon" style="visibility: hidden !important;"></i>
                                </div>
                                <p class="text-p1">待获取</p>
                            </div>

                            <div class="layui-split" style="width: 200px;">&nbsp;</div>
                            <div class="layui-inline">
                                <div>
                                    <div class="layui-input-inline layui-form-mid layui-word-aux">此处二维码用于：微信公众号来源渠道</div>
                                </div>
                                <div class="layui-input-inline">
                                    <button class="layui-btn img-get-btn buttonClass" value="1">获取永久二维码</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-inline">
                        <div style="margin-left: 26px;">啄木鸟家庭维修服务平台</div>
                        <div class="layui-inline">
                            <div class="layui-upload-drag" style="padding: 65px;" id="bigDiv2">
                                <img src="" width="160px" height="160px" id="image2" class="qrCodeImage2"
                                     style="display: none">
                                <input type="hidden" id="imageQrcode2">
                                <div id="imagDiv2" class="imagDiv2">
                                    <i class="layui-icon" style="visibility: hidden !important;"></i>
                                </div>
                                <p class="text-p2">待获取</p>
                            </div>

                            <div class="layui-split" style="width: 200px;">&nbsp;</div>
                            <div class="layui-inline">
                                <div>
                                    <div class="layui-input-inline layui-form-mid layui-word-aux">此处二维码用于：啄木鸟家庭维修服务平台公众号来源渠道
                                    </div>
                                </div>
                                <div class="layui-input-inline">
                                    <button class="layui-btn img-get-btn buttonClass" value="2">
                                        获取永久二维码
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
</body>
</html>
<style>
    .layui-form-item .layui-input-inline {
        float: left;
        width: 200px;
        margin-right: 10px;
    }
    .buttonClass {
        width: 100%;
    }
    [id^="imagDiv"] {
        margin-left: 19px;
    }
</style>

<script type="text/javascript" th:inline="javascript">

    var json = {
        ZMN_URL_ENV: [[${ZMN_URL_ENV}]],
    };

    layui.config({
        base: "/static/lay/",
        version: 202008051406
    }).extend({
        index: "lib/index",
        channel_promocode: "channel/zmn.plat.channel.promocode",
    }).use(['index', 'channel_promocode']);

</script>